<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>

    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css" th:href="@{bootstrap-3.3.7/css/bootstrap.css}">
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap-theme.css" th:href="@{bootstrap-3.3.7/css/bootstrap-theme.css}">
    <!--    进度条-->
    <link rel="stylesheet" href="blue/pace-theme-corner-indicator.css">
    <script src="js/pace.js"></script>
    <script src="../jquery.js" th:src="@{/js/jqery-3.3.1.js}"></script>
    <script src="../bootstrap-3.3.7/js/bootstrap.js" th:src="@{bootstrap-3.3.7/js/bootstrap.js}"></script>
    <style>
        body{
            background-image: url("images/背景.jpg");
        }
    </style>
</head>
<body>
    <div class="container">
        <div class="row clearfix">
            <div class="col-md-12 column">
                <ul class="nav nav-pills">
                    <li class="active">
                         <a href="#"> <span class="badge pull-right"></span> 商城主页</a>
                    </li>
                    <li>
                         <a href="#"> <span class="badge pull-right">16（购物车物品数量）</span> 购物车</a>
                    </li>
                    <li>
                        <a href="#"> <span class="badge pull-right">16（收藏夹数量）</span>收藏夹</a>
                   </li>
                </ul>
                <ul class="breadcrumb">
                    <li>
                         <a href="#">商城首页</a>
                    </li>
                    <li>
                         <a href="#">商品</a>
                    </li>
                    <li class="active">
                        确认订单
                    </li>
                </ul>
                <h3 class="text-left">
                    请确认订单：
                </h3>
            </div>
        </div>
        <div class="row clearfix">
            <div class="col-md-12 column">
                 <address> <strong>中国，广东省</strong><br /> 泉州市番禺区大学城华南理工大学<br /> <br />聪儿子的伍爸爸 <abbr title="Phone">联系方式:</abbr> 1234567890</address>
            </div>
        </div>
        <!--/*@thymesVar id="MobilePhoneList" type="com.example.login.Pojo.PCGoods"*/-->
        <div class="row clearfix">
            <div class="col-md-2 column">
                <img alt="140x140" src="v3/default3.jpg" width="180px" />
            </div>
            <div class="col-md-6 column">
                <dl>
                    <dt>
                        商品名称: <strong th:text="${MobilePhoneList[0].item_name}" id="item_name"></strong>
                    </dt>

                    <dt>
                        商店名：<strong th:text="${MobilePhoneList[0].store_name}" id="store_name"></strong>
                    </dt>
                    <dt>
                        属性：
                    </dt>
                    <dd>
                        颜色：<strong th:text="${MobilePhoneList[0].color}" id="color"></strong>
                        <br>
                        运存：<strong th:text="${MobilePhoneList[0].RAM}" id="RAM"></strong>
                        <br>
                        内存：<strong th:text="${MobilePhoneList[0].ROM}" id="ROM"></strong>
                        <br>
                        其他：。。。。。
                    </dd>
                    <dt>
                        Felis euismod semper eget lacinia
                    </dt>
                    <dd>
                        Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
                    </dd>
                </dl>
            </div>
            <div class="col-md-4 column">
            </div>
        </div>

        <div class="row clearfix">
            <div class="col-md-4 column">
            </div>
            <div class="col-md-4 column">
                <strong>
                    总计金额:
                </strong>>
            </div>
            <div class="col-md-4 column">
                <a href="购买成功.html"><button type="button" class="btn btn-default">提交订单</button></a>
            </div>
        </div>
    </div>
</body>

</html>